body {
	overflow: auto; 
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #000;
	background: url("images/tlo3.jpg");
	min-width: 800px;
}

body > footer {
	height: 15px;
	padding: 5px;
	vertical-align:center; 
	font-size:9px;
	letter-spacing:1px;
	text-align: center; 
}

.top {
	overflow: auto;
	background: url("images/top2.jpg");
	background-repeat:no-repeat;
	backgroud-posiotion: left bottom;
	width: 772px;
	height: 100px; 
	padding-right: 28px;
	text-align:right;
	line-height: 50px;
	color: white;
	font-size: 13px;
}

.mid{
	padding: 10px;
	width: 780px;
	min-height: 300px;
	text-align: justify;
	overflow: auto;
	background-color: #DDDDDD;
}

.box {
	background-color: #7384b8;
	text-align: center; 
	margin-top:10px; 
	margin-bottom:10px; 
	overflow: auto;
	width: 800px;
	height:22px;
	line-height: 22px;
}

.menu{
	padding-left: 100px;
	background-color: #7384b8;
	overflow: hidden;
	width: 700px;
	height:22px;
	line-height: 20px;
	text-align: center;
	margin-bottom:10px; 
}

.button {
	float: left;
	color: #DDDDDD;
	text-align: center; 
	width: 100px;
	height: 22px;
	line-height: 22px;
}

.button:hover, .button:active {
	background-color: #9ea8c4;
	color: white;
}

.news{
	width: 100%;
	min-height: auto;
	border:1px dotted grey;
	border-radius: 15px;
	transition:all 0.5s linear;
}

.news:hover{
	transition:all 0.5s linear;
	border:1px solid black;
}

.news_top{
	padding-left:20px;
	background-color: #9ea8c4;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	line-height: 20px;
	width: 100%-20px;
	height: 20px;
}

.news_mid{
	padding:5px;
	width: 100%-10px;
}

.news_bot{
	padding-right:20px;
	width: 100%-20px;
	height: 20px;
	line-height: 20px;
	text-align: right;
	color: gray;
}

a:link,a:visited,a:active {color: #000;text-decoration: none;}
.box a:hover {color: #9E3F09;text-decoration: underline;}
.mid a:hover {color: #9E3F09;text-decoration: underline;}